<script>
	module['index-morefunction'] = {
	template: template,
	methods: {
		skip: function skip(e) {
			var tar = e.target;
			if ($(tar).parents('li')[0].nodeName === 'LI') {
				if ($(tar).parents('li').index() == 2 || $(tar).parents('li').index() == 6) {
					return;
				} else if ($(tar).parents('li').index() > 6) {
					open('./view/recommond.html' + '?index=' + ($(tar).parents('li').index() - 2));
				} else if ($(tar).parents('li').index() > 2) {
					open('./view/infolib.html' + '?index=' + ($(tar).parents('li').index() - 1));
				} else if ($(tar).parents('li').index() < 2) {
					open('./view/infolib.html' + '?index=' + $(tar).parents('li').index());
				}
			}
		}
	}
};
</script>
<template>
	<div class="functions banxin" @click=skip($event)>
		<h3 class="title">更多功能</h3>
		<ul class="clearfix">
			<li class="fun-lis">
				<a href="javascript:void(0)">
					<div class="active">
						<img src="" alt="" class="display-none picone">
						<img src="" alt="" class="pictwo">
					</div>
					<h4>院校大全</h4>
					<p>全国2800所院校</p>
				</a>
			</li>
			<li class="fun-lis">
				<a href="javascript:void(0)">
					<div>
						<img src="" alt=""  class="picone">
						<img src="" alt="" class="display-none pictwo">
					</div>
					<h4>专业大全</h4>
					<p>详解1400多专业</p>
				</a>
			</li>
			<li class="fun-lis">
				<span>
					<div class="active">
						<img src="" alt=""  class="display-none picone">
						<img src="" alt="" class="pictwo">
					</div>
					<h4>批次线</h4>
					<p>地区最低控制线</p>
				</span>
			</li>
			<li class="fun-lis">
				<a href="javascript:void(0)">
					<div>
						<img src="" alt=""  class="picone">
						<img src="" alt="" class="display-none pictwo">
					</div>
					<h4>大学排行</h4>
					<p>各类大学排行榜</p>
				</a>
			</li>
			<li class="fun-lis">
				<a href="javascript:void(0)">
					<div class="active">
						<img src="" alt=""  class="display-none picone">
						<img src="" alt="" class="pictwo">
					</div>
					<h4>专业排行</h4>
					<p>热门专业排行一览</p>
				</a>
			</li>
			<li class="fun-lis">
				<a href="javascript:void(0)">
					<div >
						<img src="" alt="" style="margin-top:30px;"  class="picone">
						<img src="" alt="" style="margin-top:30px;" class="display-none pictwo">
					</div>
					<h4>真假院校</h4>
					<p>院校真假一键查询</p>
				</a>
			</li>
			<li class="fun-lis">
				<span>
					<div class="active">
						<img src="" alt=""  class="display-none picone">
						<img src="" alt="" class="pictwo">
					</div>
					<h4>留学申请</h4>
					<p>出国留学一键申请</p>
				</span>
			</li>
			<li class="fun-lis">
				<a href="javascript:void(0)">
					<div>
						<img src="" alt=""  class="picone">
						<img src="" alt="" class="display-none pictwo">
					</div>
					<h4>看就业选学校</h4>
					<p>学校详细就业率</p>
				</a>
			</li>
			<li class="fun-lis">
				<a href="javascript:void(0)">
					<div class="active">
						<img src="" alt=""  class="display-none picone">
						<img src="" alt="" class="pictwo">
					</div>
					<h4>看就业选专业</h4>
					<p>专业就业前景详细看</p>
				</a>
			</li>
			<li class="fun-lis">
				<a href="javascript:void(0)">
					<div>
						<img src="" alt=""  class="picone">
						<img src="" alt="" class="display-none pictwo">
					</div>
					<h4>看职业选专业</h4>
					<p>对比好就业专业</p>
				</a>
			</li>
		</ul>
	</div>
</template>